<template>
	<view class="_case_card" v-if="caseInfo" @click="goToCaseDetail">
		<image :src="caseInfo.img" class="image_"></image>
		<view class="u-flex-1 u-m-l-20">
			<view class="title">{{caseInfo.title}}</view>
			<view class="u-flex u-flex-between u-flex-items-center">
				<view class="sub_title_lable">{{ caseInfo.createAt }}</view>
				<!-- <view class="sub_title_lable">张云山</view> -->
			</view>
		</view>
		
	</view>
	<up-line color="#F3F3F3" margin="24rpx 0"></up-line>
</template>
<script setup>
	import tag from "@/components/common/tag.vue"
	const props = defineProps({
		caseInfo: Object,
		height: {
			type: Number,
			default: 240
		},
		width: {
		    type: String,
            default: '100%'
        },
	})
	function goToCaseDetail() {
        uni.navigateTo({
            url: '/subPackages/case/caseDetail?caseId='+ props.caseInfo.id
        });
    }
	function lookImage(img) {
		uni.previewImage({
			urls: [img]
		});
	}
</script>

<style lang="scss" scoped>
	._case_card {
		display: flex;
		align-items: center;
		
		.image_{
			width: 260rpx;
			height: 146rpx;
		}
		.title{
			height: 80rpx;
			font-size: 28rpx;
			font-weight: bolder;
			color: #000000;
			line-height: 33rpx;
		}
		
	}
</style>